{% extends 'easydisAPSBundle::base_template.html.twig' %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('bundles/easydisAPS/css/css-template/colorpicker.css') }}" />
    <link rel="stylesheet" href="{{ asset('bundles/easydisAPS/css/css-template/uniform.css') }}" />
    <link rel="stylesheet" href="{{ asset('bundles/easydisAPS/css/css-template/select2.css') }}" />
    <link rel="stylesheet" href="{{ asset('bundles/easydisAPS/smoothness/jquery-ui-1.10.3.custom.css') }}" />
{% endblock %}
    
{% block scripts %}
    <script src="{{ asset('bundles/easydisAPS/js-template/bootstrap.min.js') }}"></script>
    <script src="{{ asset('bundles/easydisAPS/js-template/bootstrap-colorpicker.js') }}"></script>
    <script src="{{ asset('bundles/easydisAPS/js-template/jquery.uniform.js') }}"></script>
    <script src="{{ asset('bundles/easydisAPS/js-template/select2.min.js') }}"></script>
    <script src="{{ asset('bundles/easydisAPS/js-template/maruti.js') }}"></script>
    <script src="{{ asset('bundles/easydisAPS/js-template/maruti.form_common.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/easydisAPS/js/jquery-1.10.2.min.js') }}"></script>
    <script src="{{ asset('bundles/easydisAPS/smoothness/jquery-ui-1.10.3.custom.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/easydisAPS/js/datepickerFR.js') }}"></script>
    
    
    <script>
        
        $(function(){
            $('#date').datepicker();
        });
        
    </script>
{% endblock %}
    
{% block style %}
    
	table {
		overflow:hidden;
		border:1px solid #d3d3d3;
		background:#fefefe;
		width:100%;
		/*margin:5% auto 0;*/
		-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	}
	
	th {padding:18px 28px 18px; text-align:center; }
        
        td {padding:5px 5px 5px; text-align:center; }
	
	th {padding-top:18px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb; color: #000;}
	
	td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
	
	tr.odd-row td {background:#f6f6f6;}
	
	td.first, th.first {text-align:left}
	
	td.last {border-right:none;}
	

	/*
        td {
		background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
	}*/
	
	tr.odd-row td {
		background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
	}
	
	th {
		background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
		background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
	}
	

	
	tr:first-child th.first {
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px; /* Saf3-4 */
	}
	
	tr:first-child th.last {
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px; /* Saf3-4 */
	}
	
	tr:last-child td.first {
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
	}
	
	tr:last-child td.last {
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
	}
        
        .larger { 
            width: 500px;
        }
        
        td.cat {
            background-color: #e7eaeb;
            font-weight: bold;
            color: #000;
        }
        
{% endblock %}


    
{% block contenu %}
    
{% for flashMessage in app.session.flashbag.get('notice') %}
    {% if flashMessage %}
            <div class="notice">
                    {{ flashMessage }}
                    <br/><br/>
            </div>
    {% endif %}
{% endfor %}

<form id="madate" name="date" method="post" action="{{ path('easydisAPSBundle_redirect_planning', {'mode':'view','gs': gs, 'idsal':-1,'date': date}) }}">
     <legend style="width: 200px; font-size: 17px; margin-bottom: 10px;"> Modification de la date : </legend>
     <input type="input" name="date" id="date" size="10" readonly="readonly" style="width:100px;"/>
     <button type="submit" class="btn-info">Valider</button>
</form>

<div class="row-fluid">
    <div class="span12">
        <div class="widget-box">
          <div class="widget-title">
             <span class="icon"><i class="icon-th"></i></span> 
             <h5>Planning --- [<a href="{{ path('easydisAPSBundle_planning_view', {'date':date,'gs':gs, 'mode':'imprimable'}) }}" target="_blank">Version imprimable</a>] // [<a href="{{ path('easydisAPSBundle_planning_view', {'date':date,'gs':gs, 'mode':'imprimable_reduit'}) }}" target="_blank">Version imprimable réduite</a>]</h5>
          </div>
          <div class="widget-content nopadding">
            <table>
                <thead>
                <tr>
                    <th class="larger">Semaine {{ num_semaine }}</th>
                    <th>Lundi <i>{{ tabdates[0] }}</i></th>
                    <th>Mardi <i>{{ tabdates[1] }}</i></th>
                    <th>Mercredi <i>{{ tabdates[2] }}</i></th>
                    <th>Jeudi <i>{{ tabdates[3] }}</i></th>
                    <th>Vendredi <i>{{ tabdates[4] }}</i></th>
                    <th>Samedi <i>{{ tabdates[5] }}</i></th>
                    <th>Dimanche <i>{{ tabdates[6] }}</i></th>
                </tr>
                </thead>
                <tbody> 
                {% for affect in planning %}
                    {% if affect[0][0] is not null %}
                        {% if affect[0][0][1] == "Lib" %}
                            <tr>
                                <td>Service [{{ affect[0][0][0] }}]</td>
                                <td colspan="7"></td>
                            </tr>
                        {% else %}
                        <tr>
                            <td class="larger" rowspan="2"><h5>{% if affect[0][0][1] is not null %} <a href="{{ path('easydisAPSBundle_planning_modifsalaries', {'date':date, 'gs':gs, 'idsal':affect[0][0][1].id}) }}">{% endif %}{{ affect[0][0][0] }}</a></h5></td>

                            {% set strs = affect[0][1]|split('/')%}
                            {% set colors = affect[0][3]|split('/')%}
                            <td><span style="color: {{ colors[0] }}">{{ strs[0] }}</span>{% if strs|length > 1 %} <span style="color: {{ colors[1] }}">{{ strs[1] }}</span> {% endif %}</td>

                            {% set strs = affect[1][1]|split('/')%}
                            {% set colors = affect[1][3]|split('/')%}
                            <td><span style="color: {{ colors[0] }}">{{ strs[0] }}</span>{% if strs|length > 1 %} <span style="color: {{ colors[1] }}">{{ strs[1] }}</span> {% endif %}</td>

                            {% set strs = affect[2][1]|split('/')%}
                            {% set colors = affect[2][3]|split('/')%}
                            <td><span style="color: {{ colors[0] }}">{{ strs[0] }}</span>{% if strs|length > 1 %} <span style="color: {{ colors[1] }}">{{ strs[1] }}</span> {% endif %}</td>

                            {% set strs = affect[3][1]|split('/')%}
                            {% set colors = affect[3][3]|split('/')%}
                            <td><span style="color: {{ colors[0] }}">{{ strs[0] }}</span>{% if strs|length > 1 %} <span style="color: {{ colors[1] }}">{{ strs[1] }}</span> {% endif %}</td>

                            {% set strs = affect[4][1]|split('/')%}
                            {% set colors = affect[4][3]|split('/')%}
                            <td><span style="color: {{ colors[0] }}">{{ strs[0] }}</span>{% if strs|length > 1 %} <span style="color: {{ colors[1] }}">{{ strs[1] }}</span> {% endif %}</td>

                            {% set strs = affect[5][1]|split('/')%}
                            {% set colors = affect[5][3]|split('/')%}
                            <td><span style="color: {{ colors[0] }}">{{ strs[0] }}</span>{% if strs|length > 1 %} <span style="color: {{ colors[1] }}">{{ strs[1] }}</span> {% endif %}</td>

                            {% set strs = affect[6][1]|split('/')%}
                            {% set colors = affect[6][3]|split('/')%}
                            <td><span style="color: {{ colors[0] }}">{{ strs[0] }}</span>{% if strs|length > 1 %} <span style="color: {{ colors[1] }}">{{ strs[1] }}</span> {% endif %}</td>
                        </tr>
                        <tr>
                            <td>{{ affect[0][2] }}</td>
                            <td>{{ affect[1][2] }}</td>
                            <td>{{ affect[2][2] }}</td>
                            <td>{{ affect[3][2] }}</td>
                            <td>{{ affect[4][2] }}</td>
                            <td>{{ affect[5][2] }}</td>
                            <td>{{ affect[6][2] }}</td>
                        </tr>
                        {% endif %}
                    {% endif %}
                {% endfor %}

                <tr>
                    <td colspan="8" class="cat">Non affectés -- <a href="{{ path('easydisAPSBundle_planifier_groupe_salarie', {'gs':gs, 'date':date}) }}" target="_blank">[Planifier un groupe de salaries]</a></td>
                </tr>

                {% for sal in dispo %}
                    {% if sal != null %}
                        <tr>
                            <td class="larger"><a href="{{ path('easydisAPSBundle_planning_modifsalaries', {'date':date, 'gs':gs, 'idsal':sal[1].id}) }}">{{ sal[0] }}</a></td>
                            <td colspan="7">{{ sal[1].section.service.lib }} [{{sal[1].section.lib}}]</td>
                        </tr>
                    {% endif %}
                {% endfor %}

                <tr>
                    <td colspan="8" class="cat">Affectés dans un autre service</td>
                </tr>
                {% for affect in tab2 %}
                    {% if affect[0][0] is not null %}
                        {% if affect[0][0][1] == "Lib" %}
                            <tr>
                                <td>Service [{{ affect[0][0][0] }}]</td>
                                <td colspan="7"></td>
                            </tr>
                        {% else %}
                        <tr>
                            <td class="larger" rowspan="2"><h5>{% if affect[0][0][1] is not null %}<a href="{{ path('easydisAPSBundle_planning_modifsalaries', {'date':date, 'gs':gs, 'idsal':affect[0][0][1].id}) }}">{% endif %}{{ affect[0][0][0] }}</a></h5></td>
                            <td style="color: {{ affect[0][3] }}">{{ affect[0][1] }}</td>
                            <td style="color: {{ affect[1][3] }}">{{ affect[1][1] }}</td>
                            <td style="color: {{ affect[2][3] }}">{{ affect[2][1] }}</td>
                            <td style="color: {{ affect[3][3] }}">{{ affect[3][1] }}</td>
                            <td style="color: {{ affect[4][3] }}">{{ affect[4][1] }}</td>
                            <td style="color: {{ affect[5][3] }}">{{ affect[5][1] }}</td>
                            <td style="color: {{ affect[6][3] }}">{{ affect[6][1] }}</td>
                        </tr>
                        <tr>
                            <td>{{ affect[0][2] }}</td>
                            <td>{{ affect[1][2] }}</td>
                            <td>{{ affect[2][2] }}</td>
                            <td>{{ affect[3][2] }}</td>
                            <td>{{ affect[4][2] }}</td>
                            <td>{{ affect[5][2] }}</td>
                            <td>{{ affect[6][2] }}</td>
                        </tr>
                        {% endif %}
                    {% endif %}
                {% endfor %}
                    
                <tr>
                    <td colspan="8" class="cat">Tableau récapitulatif</td>
                </tr>
                {% for affect in recap %}
                    {% if affect[0] is not null %}
                        <tr>
                            <td>{{ affect[0] }}</td>
                            <td>{{ affect[1] }}</td>
                            <td>{{ affect[2] }}</td>
                            <td>{{ affect[3] }}</td>
                            <td>{{ affect[4] }}</td>
                            <td>{{ affect[5] }}</td>
                            <td>{{ affect[6] }}</td>
                            <td>{{ affect[7] }}</td>
                        </tr>
                    {% endif %}
                {% endfor %}
                </tbody>
            </table>
          </div>
        </div>
    </div>
</div>
{% endblock %}